<template>
  <div class="org-main-operator">
    <div class="org-main-operator-left">
      <wf-el-auth-button auth-key="WELFARE-YGGL-XZYG" @click="onBtnClick('addUser', 'drawer')">
        添加员工
      </wf-el-auth-button>
      <wf-el-auth-button auth-key="WALFARE-YGGL-PLTJ" @click="onBtnClick('importUser', 'drawer')">
        批量导入
      </wf-el-auth-button>
      <wf-el-auth-button auth-key="WALFARE-YGGL-DCYG" @click="onBtnClick('exportUser', 'drawer')">
        批量导出
      </wf-el-auth-button>
      <wf-el-auth-button auth-key="WALFARE-YGGL-TZYGPX" @click="onBtnClick('moveUser', 'modal')">
        员工部门调整
      </wf-el-auth-button>
      <wf-el-auth-button auth-key="WALFARE-YGGL-PLSC" @click="onBtnClick('deleteUser', 'msg')">
        批量删除员工
      </wf-el-auth-button>
    </div>
    <div class="org-main-operator-right">
      <el-button @click="onBtnClick('sortColumn', 'modal')">
        <i class="fa fa-th-list"></i>
        列表显示字段
      </el-button>
    </div>
  </div>
</template>

<script>
  export default {
    methods: {
      onBtnClick(name, way) {
        this.$emit('on-operation', name, way);
      },
    },
  };
</script>

<style lang="scss" scoped>
  .org-main-operator {
    height: 64px;
    padding: 15px 0;
    display: flex;
  }
  .org-main-operator-left {
    flex: 1;
  }
  .org-main-operator-right {
  }
</style>
